Page({
  data: {
    // 轮播图图片列表
    swiperList: [],
    loading: true
  },
  
  onLoad: function() {
    // 页面加载时调用接口获取轮播图数据
    this.getSwiperData();
  },
  
  // 调用轮播图接口的方法
  getSwiperData: function() {
    wx.request({
      url: 'http://4077b8e9.r3.cpolar.top/dms-backend/cotentdms/banner/list?pageNum=1&pageSize=10', // 假设的接口地址
      method: 'GET',
      header: {
        'content-type': 'application/json'
      },
      success: (res) => {
        console.log('轮播图数据获取成功:', res.data);
        
        // 假设接口返回的数据格式为 { data: [{ imageUrl: '...' }] }
        // 提取图片URL并更新数据
        if (res.data && res.data.data && res.data.data.length > 0) {//res.data.    data修改
          const imageUrls = res.data.data.map(item => item.imageUrl || '');
          this.setData({
            swiperList: imageUrls,
            loading: false
          });
        } else {
          // 接口返回数据格式不符合预期，使用默认数据
          this.setDefaultSwiperData();
        }
      },
      fail: (err) => {
        console.error('轮播图数据获取失败:', err);
        wx.showToast({
          title: '数据加载失败',
          icon: 'none'
        });
        // 失败时使用默认数据
        this.setDefaultSwiperData();
      },
      complete: () => {
      }
    });
  },
  
  // 设置默认轮播图数据（兜底方案）
  setDefaultSwiperData: function() {
    this.setData({
      swiperList: [
        '../ImaG/card_after_training (1).png',
        '../ImaG/card_after_training (3).png',
        '../ImaG/card_after_training.png'
      ],
      loading: false
    });
  },
  
  // 图片加载错误处理
  onImageError: function(e) {
    console.error('图片加载失败:', e);
    const index = e.currentTarget.dataset.index;
    const newSwiperList = [...this.data.swiperList];
    // 将加载失败的图片替换为默认图片
    newSwiperList[index] = '../ImaG/card_after_training.png';
    this.setData({
      swiperList: newSwiperList
    });
  }
});
